<template>
    <div>
        <div class="left">
        <router-link  tag="div" class="leftevery" :to="'/guang/'+item.path" v-for="(item, index) in secondroutes" :key="index">{{item.name}}</router-link>
      </div>
      <div class="right"><router-view></router-view></div></div>
</template>

<script>
import {secondroutes} from './index.js'
export default {
 name:'guang',
 data(){
    return{secondroutes}
  }
}
</script>

<style lang="scss" scoped>
.left{height: 60%;top: 52px;position:absolute;background: #f7f7f7;float: left;width: 130px;text-align: center;.leftevery{padding: 20px 0}}
.right{float: right;margin-right: 20px}
.router-link-exact-active ,.router-link-active{background: #424242;color: white}
</style>
